<!DOCTYPE html>
<html>
<head lang="en">

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{{url_for('static', filename='bootstrap/css/bootstrap.min.css')}}"/>
    <link rel="shortcut icon" href="{{url_for('static', filename='favicon.ico')}}"/>

    <title></title>

    <div class="navbar-header">
        <a class="navbar-brand" href="/">
            <img src="{{url_for('static', filename='images/pdf-logo.png')}}" style=" height: 32px"/>
        </a>


    </div>

    <a href="/2">
        <button type="button" class="btn btn-primary" aria-label="Left Align"
                style="margin-top: 5px; margin-bottom: 5px; height: 44px; margin-right: 15px">
            <span class="glyphicon glyphicon-off" aria-hidden="true"></span>Start Learning
        </button>
    </a>

    <ul class="nav navbar-nav navbar-right">

        <div style="margin-right: 10px; margin-left: 15px; margin-top: 5px; margin-bottom: 5px;"
             class="container-fluid">
            <h5>
                <a href="/support-donate/"> <span class="glyphicon glyphicon-heart"></span> Support&nbsp;&nbsp;&nbsp;
                </a>

                <a role="presentation" class="active" data-toggle="modal" data-target="#exampleModal" href="#"><span
                        class="glyphicon glyphicon-log-in"></span> Login&nbsp;&nbsp;&nbsp;</a>


                <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                     aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="exampleModalLabel">Login</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form action="" class="form-inline" method="post">
                                        <input type="text" class="form-control" placeholder="Username" name="username"
                                               value="">
                                        <input type="password" class="form-control" placeholder="Password"
                                               name="password" value="">
                                        <input class="btn btn-primary" type="submit" value="Login">
                                    </form>

                                    <div class="container">
                                        <br>

                                        <p>No account? <a href='/register'>Register here</a>.</p>
                                        <br>

                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>


                <a role="presentation" class="active" data-toggle="modal" data-target="#register" href="#"><span
                        class="glyphicon glyphicon-pencil"></span> Sign up</a>
                <h5>
                    <div class="modal fade" id="register" tabindex="-1" role="dialog"
                         aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                            aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="exampleModalLabel">Register</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="container">

                                        <form method=post action="/register">
                                            <dl>

                                                <dt><label for="username">Username</label>
                                                <dd><input id="username" name="username" type="text" value="">

                                                </dd>


                                                <dt><label for="email">Email Address</label>
                                                <dd><input id="email" name="email" type="text" value="">

                                                </dd>


                                                <dt><label for="password">New Password</label>
                                                <dd><input id="password" name="password" type="password" value="">

                                                </dd>


                                                <dt><label for="confirm">Repeat Password</label>
                                                <dd><input id="confirm" name="confirm" type="password" value="">

                                                </dd>


                                                <dt><label for="accept_tos">I accept the <a href="/about/tos"
                                                                                            target="blank">Terms of
                                                    Service</a> and <a href="/about/privacy-policy" target="blank">Privacy
                                                    Notice</a> (updated Jan 22, 2015)</label>
                                                <dd><input id="accept_tos" name="accept_tos" type="checkbox" value="y">

                                                </dd>

                                            </dl>
                                            <p><input type=submit value=Register>
                                        </form>

                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
        </div>

    </ul>


    </ul>

</head>
<body class="body">


<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="{{url_for('static', filename='bootstrap/js/bootstrap.min.js')}}"></script>
</body>
</html>